<template>
  <div>
    <home>
      <i>篮球</i>
    </home>
    <live>
      <b>足球</b>
    </live>
        <!-- <input type="text" v-model="msg">
        <input type="text" v-model="comMsg"> -->
        <!-- <button @click="fn1">修改msg</button>
        <button @click="fn2">修改comMsg</button> -->

        <!-- <div>{{ msg }}</div>
        <div>{{ comMsg }}</div> -->


        <!-- <input type="checkbox" v-model="chkAll">全选 -->

        <!-- <hr> -->
        <!-- <div  v-for="item in list" :key="item"> -->
            <!-- <input v-model="item.isCheck" type="checkbox"> {{ item.name }} -->
        <!-- </div> -->

      
    </div>

</template>

<script>
import home from './components/home.vue';
import Live from './components/live.vue';
export default {
  components: { 
    home,
    Live 
    },
  data() {
    return {
      // msg: '你好',
                // list: [
                    // { name: '唱', isCheck: false },
                    // { name: '跳', isCheck: false },
                    // { name: 'rap', isCheck: false },
                    // { name: '打篮球', isCheck: false },
                // ]
    }
  },

  // computed:{
    // chkAll:{
    // get(){
      // console.log('对我取值了');
      // return this.list.every(v=>v.isCheck)
    // },
    // set(val){
      // console.log('对我赋值了',val);
      // this.list.forEach(v=>v.isCheck=val)
    // }
    // }
  // }
}
</script>

<style>

</style>